<!DOCTYPE html>
<head>
 <title>更多活动</title>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
</head>
<style type="text/css">
@media screen and (min-width: 320px) and (max-width: 375px){html{font-size: 12px}}
@media screen and (max-width: 320px){html{font-size: 10px}}

 * {
  margin:0;
  padding:0;
}
.title{
  width: 100%;
  height: 3.8rem;
  line-height: 3.8rem;
  text-align: center;
  border-bottom: 1px solid #eee;
  color: #333;
  font-size: 1.6em;
  font-weight: 600;
}
.back{
  float: left;
  margin-top: 1rem;
    /*margin-left: 1rem;*/
}

.information_li{
  list-style: none;
  width: 90%;
  border-bottom: 1px solid #eee;
  margin:auto;
  margin-top: 1rem;
}
.information_img{
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
  width: 5rem;
  height: 5rem;
}
.information_li_title{
  color: #333;
  font-size: 1.1em;
  font-weight: 600;
  text-overflow: -o-ellipsis-lastline;  
  overflow: hidden;  
  text-overflow: ellipsis;  
  display: -webkit-box;  
  -webkit-line-clamp: 2;  
  -webkit-box-orient: vertical;
}
.information_li_content{
  color: #333;
  font-size: 1em;
  text-align: right;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media screen and (min-width: 376px) and (max-width: 414px){
  html{font-size: 14px}
  
}
@media screen and (min-width: 750px){
  html{font-size: 20px}
  .title{
    width: 750px;
    margin:0 auto;
    font-weight: 200;
  }
  .back{
    margin-top: 1.6rem;
  }
}
</style>
<body>
 <div class="title">
   <a href="home.html"><img src="../images/icon_back.png" class="back"></a>
   <span>更多</span>
 </div>
 <div class="information">
   <ul class="information_ul">
           
         </ul>
 </div>
 <div>
   
 </div>
 <script src="../js/public.js"></script>
<script src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
 $(function () {

 $.post(systemNotice, {
            type: 2
        }, (res) => {
          console.log(res)
            let obj = res.obj;
            obj.forEach((item, index) => {
              // console.log(item.fdBgPic)
              let url=urlHead+item.fdBgPic;
                let homeStm = ` <li class="information_li" id="${item.fdId}">
             <img src="${url}" class="information_img">
             <div>
               <p class="information_li_title">${item.fdTitle}</p>
               <p class="information_li_content">${item.fdCreatedTime}</p>
             </div>
           </li>`
                    $('.information_ul').append(homeStm)
            });
            $(".information .information_ul").on("click","li", function() {
              // console.log(this.id)
              window.location.href = 'MoreInformation1.html?fdId='+this.id;
             })
        });
})
</script>
</body>
</html>